<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>八里沟云生态平台</title>
<meta name="keywords" content="">
<meta name="description" content="">
<script src="./lib/jquery.min.js"></script>
<script src="./lib/lodash.min.js"></script>
<script src="./lib/echarts.min.js"></script>
<script src="./lib/soda.js"></script>
    <script src="./js/comon.js"></script>
<link rel="stylesheet" type="text/css" href="./css/common.css">
<link rel="stylesheet" type="text/css" href="./css/main.css">
    <script type="text/javascript"
            src="http://api.map.baidu.com/api?v=2.0&ak=DvG5p5CZvkrtjRGDdGmaGX3ZfqYWvt9X"></script>
 
</head>
<body>
<div class="pagemain page2">
    <div class="center-main">
        <div class="page-top-tab-nav">
            <ul>
                <li ><a href="keliu-reli.html">景区热力图</a></li>
                <li class="current"><a href="keliu-yuce.html">客流预测分析</a></li>
                <li><a href="keliu-jiedai.html">客流接待同比</a></li>
                <li><a href="keliu-cheliu.html">车流&购票时段分析</a></li>
            </ul>
        </div>
          <div class="day">
              <div class="time-filter">
                  <div class="name">时间区间：</div>
                  <div class="inp"><input type="text" id="date1" autocomplete="off" readonly></div>
                  <div class="to">至</div>
                  <div class="inp"><input type="text" id="date2" autocomplete="off" readonly></div>
                  <div class="btn" id="search1">查询</div>
              </div>
              <div class="chartcon" id="dayForecast">
                  
              </div>
          </div>
        <div class="area">
            <div class="con">
                    <ul id="areaFeatures"> <li>
                            <i></i> <span>2019-11-02星期六人员流量最多，2019-11-06星期三人员流量最少</span>
                        </li><li>
                            <i></i> <span>非周末09点客流量最少，非周末12点客流量最多</span>
                        </li><li>
                            <i></i> <span>周末08点客流量最少，周末13点客流量最多</span>
                        </li><li>
                            <i></i> <span>非周末10点客流量开始增加，非周末17点客流量最多</span>
                        </li><li>
                            <i></i> <span>周末09点客流量开始增加，周末18点客流量开始减少</span>
                        </li><li>
                            <i></i> <span>节假日08点客流量开始增加，节假日18点客流量开始减少</span>
                        </li></ul>
            </div>
        </div>


        <div class="sev">
              <div class="chartcon" id="weekForecast">
                  
              </div>
        </div>
    </div>
</div>
<script src="./lib/dyw.min.js"></script>
<script src="./js/keliu_yuce.js"></script>
<script src="./lib/laydate/laydate.js"></script>
<!-- <script src="data/keliu_yuce.json?callback=list"></script> -->


<script>
    $(function () {
        var date1 = {
            elem: '#date1',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticend.min = datas; //开始日选好后，重置结束日的最小日期
            }
        };
        var date2 = {
            elem: '#date2',
            format: 'yyyy-MM-dd',
            max: 0,
            min: "2019-09-15 00:00:00",
            choose: function (datas) {
                ticstart.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate.render(date1)
        laydate.render(date2)

    })
</script>


</body>
</html>
